//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    tabbar: {},
    imgsrc:"../../assets/images/Snipaste_2022-11-28_10-02-10.png"
  },
  
  onLoad: function () {
    app.editTabbar();
    
  }
  ,
  powerDrawer: function (e) {

    console.log(e)
    
    let currentStatu = e.currentTarget.dataset.statu
    
    this.util(currentStatu)
    
    },
    
    util: function(currentStatu){
      /* 动画部分 */
      // 第1步：创建动画实例 
      var animation = wx.createAnimation({
        duration: 200,  //动画时长
        timingFunction: "linear", //线性
        delay: 0  //0则不延迟
      });
      // 第2步：这个动画实例赋给当前的动画实例
      this.animation = animation;
      // 第3步：执行第一组动画
      animation.opacity(0).rotateX(-100).step();
      // 第4步：导出动画对象赋给数据对象储存
      this.setData({
        animationData: animation.export()
      })
      // 第5步：设置定时器到指定时候后，执行第二组动画
      setTimeout(function () {
        // 执行第二组动画
        animation.opacity(1).rotateX(0).step();
        // 给数据对象储存的第一组动画，更替为执行完第二组动画的动画对象
        this.setData({
          animationData: animation
        })
        //关闭
        if (currentStatu == "close") {
          this.setData(
            {
              showModalStatus: false
            }
          );
        }
      }.bind(this), 200)
      // 显示
      if (currentStatu == "open") {
        this.setData(
          {
            showModalStatus: true
          }
        );
      }
    } 
})
